<template>
  <el-collapse>
    <el-collapse-item
      v-for="(it, idx) in itemList"
      :name="idx"
      :key="it.title"
      :title="it.title"
    >
      <div v-for="text in it.content" :key="text">{{ text }}</div>
    </el-collapse-item>
  </el-collapse>
</template>

<script>
export default {
  name: 'RuleCollapse',
  props: {
    itemList: {
      type: Array,
      default: () => []
    }
  }
};
</script>
